<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
		var nbInput = 0; //On utilise une variable globale pour éviter d'avoir des inputs avec le même nom...
	function ajouterChamps(){
		var nbChampsAjout = document.getElementById('nbChamps').value;
		var DivToAdd = document.getElementById('divTest');
		if(nbChampsAjout <= 0){alert('Veuillez indiquer le nombre de champs à ajouter');}
		else{
			for(var i = 0 ; i < nbChampsAjout; i++){
				nbInput++;
				tempInput = document.createElement('input');
				tempInpu	t.setAttribute("type","text");
				tempInput.setAttribute("name","inputn_"+nbInput);
				DivToAdd.appendChild(tempInput);
				
			}
		}
 
		//document.getElementById('inner').value = "CONTENU DE LA DIV APRES AJOUT<br />############################################<br />" + document.getElementById('divTest').innerHTML;
 
	}
</script>
</head>
 
<body>
<div id="divTest">
<input type="text" name="nbChamps" id="nbChamps"/>
<input type="button" name="ajoutChamps" value="Ajouter" onclick="ajouterChamps()"/><br />
</div>
</body>
</html>